<!DOCTYPE html>
<html lang="en">
<head>
	<title><?= OC_TITLE; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	
	<link rel="stylesheet" href="<?= css_theme('bootstrap.css'); ?>" media="screen" type="text/css" />
	<link rel="stylesheet" href="<?= css_theme('main.css'); ?>" media="screen" type="text/css" />
	<link rel="stylesheet" href="<?= css_theme('login.css'); ?>" media="screen" type="text/css" />
	<link rel="stylesheet" href="<?= font_theme('font-awesome.css'); ?>" />
	<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="js/html5shiv"></script>
	  <script src="js/respond.min'"></script>
	<![endif]-->
  </head>
<body>
	<div id="login-container">
		<div id="logo">
			<sup><i class="icon-cogs"></i></sup>
		</div>
		<div id="login">
			<h3><span>Administrator</span></h3>
			<h5>Please sign in to get access.</h5>
			<form method="post" id="login-form" action="<?php echo site_url('auth/validate'); ?>" class="form">
				<div class="form-group">
					<label for="login-username">Username</label>
					<input type="text" name="username" class="form-control" id="login-username" placeholder="User Name">
				</div>
				<div class="form-group">
					<label for="login-password">Password</label>
					<input type="password" name="password" class="form-control" id="login-password" placeholder="Password">
				</div>
				<div class="form-group">
					<button type="submit" id="login-btn" class="btn btn-success btn-block">Signin</button>
				</div>
			</form>
			<a href="#" class="btn btn-default">Forgot Password?</a>
		</div>
	</div>
</body>
</html>